<template>
	<view class="navBar">
		<u-navbar :title="title" @leftClick="jump" :placeholder="true" titleStyle="color: #fff">
			<view slot="left" v-if="home">
				<image src="../../static/log.png" mode="heightFix"></image>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name: "navBar",
		props: {
			title: {
				type: String,
				required: true
			},
			home: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			};
		},
		methods: {
			jump() {
				const pageList = getCurrentPages()

				//	如果页面栈中，只存在一个页面，那 navigateBack 将会失效，需要进行判断
				//		如果只存在一个页面，则回到首页，否则才可以回到上一层
				if (pageList.length > 1) {
					uni.navigateBack()
				} else {
					//	回到 tabBar 页面，需要使用 switchTab 方法
					uni.switchTab({
						url: '/pages/index/index'
					})
				}
			}
		}
	}
</script>

<style lang="scss">
	.navBar {
		width: 100vw;
		image {
			width: 20px;
			height: 20px;
		}

		::v-deep .u-navbar__content {
			background: linear-gradient(45deg, #9acafc, #87ceeb);
		}
	}
</style>
